<template>
  <div>
    <el-row class="find_more_btn">
      <el-button type="primary" round @click="toDetail">了解详情</el-button>
      <el-button round @click="toContanctUs">联系我们</el-button>
    </el-row>

    <div class="find_more_img">
      <img src="" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: "findMore",
  components: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    toDetail() {
      this.$router.push({ path: "/operatingLoan" });
    },

    toContanctUs() {
      this.$router.push({ path: "/contactUs" });
    }
  }
};
</script>

<style scoped lang="scss">
.find_more_btn {
  padding-top: 2.64rem;
  .el-button {
    width: 172px;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    margin: 0 4.8rem;
  }
}

.find_more_img {
  padding-top: 2.48rem;
  img {
    content: url("../../../assets/image/home/find_more_img.png");
    background-size: 100% 100%;
    display: block;
    width: 85%;
    margin: 0 auto;
  }
}

/**
  移动端样式
   */
@media screen and (max-width: $mobile_width) {
  .find_more_btn {
    padding-top: 0;
    display: block;
    /*margin: 0 auto;*/
    .el-button {
      width: 163px;
      height: 34px;
      line-height: 34px;
      padding: 0 !important;
      margin-top: 30px;
    }
  }

  .find_more_img {
    img {
      content: url("../../../assets/image/home/find_more_img_m.png");
    }
  }
}
</style>
